<div id="chatWin">
    <h4>
        <div id="chatName" class="dialogLi" style="
    list-style-type: none;
    padding: 5px;
    border-bottom: 1px solid #293541;
    text-align: center;
    ">

            暂未进入聊天

        </div>
    </h4>
<input type="hidden" id="wxuin">
<input type="hidden" id="toUsers">
<link href="${base}/res/modules/webtalk/css/main.css" rel="stylesheet" type="text/css" />
<link href="${base}/res/modules/webtalk/css/style.css" rel="stylesheet" type="text/css" />
<link href="${base}/res/modules/webtalk/css/index.css" rel="stylesheet" />
<link href="${base}/res/modules/webtalk/css/progressBar.css" rel="stylesheet" />
<link href="${base}/res/modules/webtalk/css/iconfont.css" rel="stylesheet" />
<script src="${base}/res/modules/webtalk/js/pubParam.js"></script>
<script src="${base}/res/modules/webtalk/js/talk.js"></script>
<script type="text/javascript" src="${base}/res/modules/webtalk/ajaxfileupload.js"></script>
<script type="application/javascript" src="${base}/res/modules/webtalk/js/iscroll/iscroll.js"></script>
<div id="chatbox" class="chat-box">
    <div id="imgbackground" class="imgBackground" style="display: none;">
        <div id="imgtp" class="imgtp">
        </div>
    </div>
    <div class="main" style="" id="yhlbdiv">
        <div class="main_inner clearfix" id="messagesendlist"
             style="">

            <div class="panel"></div>
            <div id="chatArea" class="box chat">
                <div id="pullDown">
                    <span class="pullDownIcon"></span><span class="pullDownLabel">下拉加载更多...</span>
                </div>
                <div class="box_bd" id="messageList" draggable="true"
                     style="display: none;">
                    <div class="lsxx" id="timeindex" timeindex="" pageindex="0">
                        <span class="lsxx-bg">----以上是历史消息----</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box_ft" style="bottom:0px;">
        <div class="box_ft_bd hide">
            <div class="emoji_panel"
                 style="position: absolute; bottom: 46px; left: 0px;">
                <ul class="exp_hd">
                    <li class="exp_hd_item active" data-i="0">
                        <a href="javascript:;">QQ表情</a>
                    </li>

                </ul>
                <div class="exp_bd">
                    <div class="exp_cont active" id="qqfacediv">
                    </div>
                    <div class="exp_cont emoji_face"></div>
                    <div class="exp_cont tuzki_face"></div>
                </div>
            </div>
        </div>
        <form id="sendMessage">
            <div class="box_ft_hd">
                <a href="javascript:;" class="web_wechat_key"
                   id="web_wechat_key"
                   style="position: absolute; left: 10px; bottom:10px;"><img src="${base}/res/modules/webtalk/images/swhy-xin/jianpan-icon.png" width="25">
                </a>
                <div class="eaitWrap"
                     style="margin: 0 36px; display: block; box-sizing: content-box;">
                    <pre id="editArea" class="editArea" contenteditable="true"></pre>
                    <a href="javascript:;" class="web_wechat_face"
                       id="web_wechat_face"
                       style="position: absolute; right: 48px; bottom: 8px;"><i
                            class="icon iconfont ico-biaoqing" style="font-size: 20px;"></i>
                    </a>
                </div>

                <a class="btn btn_send" id="btn_send"
                   style="display: none; position: absolute; right: 6px; bottom: 11px;">发送</a>
                <input id="fileToUpload" type="file" size="45"
                       style="display: none;" onchange="ajaxFileUpload(this)"
                       name="fileToUpload">
                <input id="imgToUpload" type="file" size="45" accept="image/*"
                       style="display: none;" onchange="ajaxFileUpload(this)"
                       name="imgToUpload">
                <a id="btn_sendwj"
                   style="position: absolute; right: 12px; bottom: 3px;"><i
                        class="icon iconfont  ico-tianjia"></i>
                </a>
            </div>
        </form>
    </div>
    <div id="operator" class="ft-btn-box" style="bottom:-192px">
        <ul class="ft-btn-ul">
            <li onclick="$('#imgToUpload').click();">
                <span class="ft-btn-img"><img src="${base}/res/modules/webtalk/images/swhy-xin/sctp-icon.png" width="50"></span>
                <span class="ft-btn-txt">上传图片</span>
            </li>
            <li onclick="$('#fileToUpload').click();">
                <span class="ft-btn-img"><img src="${base}/res/modules/webtalk/images/swhy-xin/scwj-icon.png" width="50"></span>
                <span class="ft-btn-txt">上传文件</span>
            </li>
        </ul>
    </div>
</div>

<div id="groupUserDiv" class="user-box" style="">
    <header class="header tjgp-header">
        <div class="header-left"><div class="toubu-icon">
            <a href="#" id="userClose"><img src="${base}/res/modules/webtalk/images/swhy-xin/close-icon.png" alt=""></a>
        </div></div>
        <div class="page-title  white"></div>
        <div class="header-right"></div>
    </header>
    <div class="tjgp-main">
        <div class="tjgp-panel">
            <ul class="rylb-detail-list" id="groupUser"></ul>
        </div>
    </div>
</div>
</div>